﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="format-detection" content="telephone=no,email=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="renderer" content="webkit" />
    <meta name="x5-fullscreen" content="true">
    <meta name="full-screen" content="yes">
    <title>Title</title>
    <link href="../../css/base/reset.css" rel="stylesheet" />
    <link href="../../css/base/base.scss" rel="stylesheet" />
    <!--<link href="css/fonts/icomoon/style.css" rel="stylesheet" />-->
    <link href="../../plugins/modal/modal.css" rel="stylesheet" />
    <!--<link href="../../plugins/swiper3/swiper.min.css" rel="stylesheet" />-->
    <link href="../../css/struct/custom.scss" rel="stylesheet" />
    <link href="../../css/struct/layout.scss" rel="stylesheet" />
    <link href="../../css/theme/dark/style.scss" rel="stylesheet" />
</head>
<body>
    <div class="background"></div>
    <div class="wrapper">
        <div class="container nogap" role="main">
            <div class="content">
                <ul class="list list-thumb list-corner">
                    <li class="corner-box">
                        <div class="info">
                            <p class="title">篮球场上的数学原理</p>
                            <p class="secondary">课程时长：45:00</p>
                            <p class="secondary">学习进度：20:00</p>
                        </div>
                        <div class="corner corner-danger">
                            <div class="corner-wrapper corner-text">
                                未开始
                            </div>
                        </div>
                    </li>
                    <li class="corner-box">
                        <div class="align-left">
                            <div class="cover" style="background-image: url(/Content/LMS/images/bg1.jpg);"></div>
                        </div>
                        <div class="align-right">
                            <div class="info">
                                <p class="title">篮球场上的数学原理</p>
                                <p class="secondary">课程时长：45:00</p>
                                <p class="secondary">学习进度：20:00</p>
                            </div>
                        </div>
                        <div class="corner corner-success">
                            <div class="corner-wrapper corner-text">
                                已开始
                            </div>
                        </div>
                    </li>
                    <li class="corner-box disabled">
                        <div class="align-left">
                            <div class="cover" style="background-image: url(/Content/LMS/images/bg1.jpg);"></div>
                        </div>
                        <div class="align-right">
                            <div class="info">
                                <p class="title">篮球场上的数学原理</p>
                                <p class="secondary">课程时长：45:00</p>
                                <p class="secondary">学习进度：20:00</p>
                            </div>
                        </div>
                        <div class="corner">
                            <div class="corner-wrapper corner-text">
                                已结束
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="modal" class="modal-wrapper">
        <div class="modal-container modal-lg">
            <div class="modal-content">
                <div class="message">这是测试弹窗</div>
            </div>
        </div>
    </div>
    <script src="../../js/jquery/jquery-1.11.2.js"></script>
    <!--<script src="../../js/react/react.min.js"></script>
    <script src="../../js/react/react-dom.min.js"></script>
    <script src="../../component/react/list.jsx"></script>-->
    <script src="../../js/fastclick/fastclick.js"></script>
    <script src="../../plugins/modal/modal.js"></script>
    <!--<script src="../../plugins/swiper3/swiper.jquery.min.js"></script>-->
    <script src="../../js/global.js"></script>
    <script type="text/javascript">
        $(function () {

            /*// 渲染React组件
            ReactDOM.render(
                React.createElement(ReactWebComponent.List, {
                    get: {
                        url: "/Content/LMS/component/react/test/list.txt",
                        data: { formData: "formData" }
                        //result: data  //直接传入数组
                    }
                }),
                document.querySelector("#myList")
            );

            //用事件代理方式绑定列表项的click事件
            $("#myList").on("click", ".list > li:not(.disabled)", function () {
                window.location.href = "detail.html";
            });

            $(".list-cover > li").click(function(){
                window.location.href = "detail.html";
            });

            $("#themeList > li > a").click(function () {
                $("link[href*='theme']").attr("href", $(this).data("theme-src"));
            });*/

        })
    </script>
</body>
</html>